<template>
  <div>
    <div class="item">
      <div>
        <span>评审：</span>
        <el-select v-model="examineStatus" placeholder="未通过">
          <el-option label="未通过" :value="2"></el-option>
          <el-option label="已通过" :value="1"></el-option>
        </el-select>
      </div>

      <!-- <el-input v-model="comments" class="input" /> -->
    </div>

    <div class="action">
      <el-button type="primary" @click="submit">提交</el-button>
      <el-button>取消</el-button>
    </div>

    <!-- <div class="bottom">  3.2要求注释
      <div>评审记录：</div>
      <el-table class="table" :data="dataList" stripe border row-key="id">
        <el-table-column label="日期" align="center" prop="" />
        <el-table-column label="评审人" align="center" prop="" />
        <el-table-column label="评审结果" align="center" prop="" />
        <el-table-column label="未通过原因" align="center" prop="" />
      </el-table>
    </div> -->
  </div>
</template>

<script>
export default {
  props: ['info'],
  data() {
    return {
      examineStatus: this.info.examineStatus ? Number(this.info.examineStatus) : '',
      comments: this.info.comments,
      dataList: []
    }
  },
  methods: {
    submit() {
      this.$emit('submit', { examineStatus: this.examineStatus })
    }
  }
}
</script>

<style scoped>
.item {
  display: flex;
}

.input {
  width: 200px;
  margin-left: 20px;
}

.action {
  margin-top: 40px;
}

.bottom {
  margin-top: 40px;
}

.table {
  margin-top: 20px;
}
</style>
